---
layout: compress
---
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<title>{{ page.title }}</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="{{ page.description }}">
	<meta name="keywords" content="{{ page.keywords }}">
	<meta name="theme-color" content="#0095d2">

	<link rel="canonical" href="https://www.sitespeed.io{{ page.url | replace:'index.html','' }}" />

	<meta name="twitter:card" content="summary">
	<meta name="twitter:site" content="@sitespeedio">
	<meta name="twitter:creator" content="@sitespeedio">
	<meta name="twitter:url" content="{{site.baseurl}}{{ page.url | replace:'index.html','' }}">
	<meta name="twitter:title" content="{{ page.title | truncate:70  }}">

	{% if page.twitterdescription %}
	<meta name="twitter:description" content="{{ page.twitterdescription | truncate:200 }}">
	{% else %}
	<meta name="twitter:description" content="{{ page.description | truncate:200 }}">
	{% endif %}

	{% if page.image %}
	<meta name="twitter:image" content="{{ page.image }}">
	{% endif %}

	<meta property="og:image" content="{{site.baseurl}}/img/sitespeed.io-400x400.png">
	<meta property="og:title" content="{{ page.title }}">
	<meta property="og:url" content="{{site.baseurl}}{{ page.url | replace:'index.html','' }}">
	<meta property="og:site_name" content="Sitespeed.io - How speedy is your website">
	<meta property="og:description" content="{{ page.description | truncate:200 }}">

	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{site.baseurl}}/img/ico/sitespeed.io-144.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{site.baseurl}}/img/ico/sitespeed.io-114.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{site.baseurl}}/img/ico/sitespeed.io-72.png">
	<link rel="apple-touch-icon-precomposed" href="{{site.baseurl}}/img/ico/sitespeed.io-57.png">
	<link rel="shortcut icon" href="{{site.baseurl}}/img/ico/sitespeed.io.ico">
	<link type="application/atom+xml" href="https://www.sitespeed.io/feed/blog.xml" rel="alternate" />

	<style>
		{% include css/default.css %}
	</style>
	<link rel="stylesheet" href="{{ "/css/prism-1.15.css" | prepend: site.baseurl }}">
	<script type="text/javascript">{% include userTimings.js %}</script>
	<script src="{{ "/js/clipboard-2.0.4.min.js" | prepend: site.baseurl }}" defer></script>
	<script src="{{ "/js/prism-1.15.js" | prepend: site.baseurl }}" defer></script>
</head>

<body>
	{% include header.html %}

	<div class="white">
		<div class="grid">
			<div class="col-1-1">
				<main role="main">
					{% include anchor_headings.html html=content anchorBody='#' anchorClass='anchor' h_max=4 h_min=2 %}
				</main>
			</div>
			<section>
				<div class="col-1-1">
					<div class="edit">
						<a
							href="{{ page.path | prepend: "https://github.com/sitespeedio/sitespeed.io/edit/main/docs/" }}">Edit
							on
							GitHub</a>
					</div>
				</div>
			</section>
		</div>
	</div>

	<div class="grid">
		<div class="col-1-1">
			{% include footer.html %}
		</div>
	</div>
	{% include youtube.js %}
</body>

</html>
